var MainOSDetailTab = "";
var valueTypes = new Array("播放数(VV)", "使用设备数(UV)", "页面访问量(PV)", "新增设备数(NU)", "", "", "","VV/UV");
function loadMainOSDetail(data) {
	loadData(data, 'MainOSDetailStartDate', 'MainOSDetailEndDate');
	if(data.items.length > 0) {
		genMainOSDetailTab();
		genDetailTable("MainOSDetailTable", valueTypes, dateArr, detailArr, 0, 0);
		genDetailLineChart("MainOSDetailLine",osArr[0]+"趋势图", dateArr, valueTypes, detailArr, 0, $("#MainOSDetailStartDate").val().replace(/\//g, "-") + " 至 " + $("#MainOSDetailEndDate").val().replace(/\//g, "-"));
		changeChartType('MainOSDetail', 'Line');
	//	$("#MainOSDetailLineTab").addClass("selbitem");
		$(".bitem").removeClass("selbitem");
		$("#mainOSDetailTab0").addClass("selbitem");	
		$(".tab-content").show();
	}
	else {
		$(".tab-content").hide();	
	}

	jQuery('#body-wrapper').hideLoading();	
}

function genMainOSDetailTab() {
	MainOSDetailTab = ""; 

	$.each(osArr, function(l, os) {
		if (l == 0)
			MainOSDetailTab += "<div id=\"mainOSDetailTab"+ l +"\" onclick=\"changeMainOSDetailType("+ l +")\" class=\"bitem selbitem\">"+os+"</div>";
		else
			MainOSDetailTab += "<div id=\"mainOSDetailTab"+ l +"\" onclick=\"changeMainOSDetailType("+ l +")\" class=\"bitem\">"+os+"</div>";
	});
	
	$("#MainOSDetailTab").html(MainOSDetailTab);


}

function changeMainOSDetailType(typeValue) {
	genDetailTable("MainOSDetailTable", valueTypes, dateArr, detailArr, typeValue, 0);
	genDetailLineChart("MainOSDetailLine",osArr[typeValue]+"趋势图", dateArr, valueTypes, detailArr, typeValue, $("#MainOSDetailStartDate").val().replace(/\//g, "-") + " 至 " + $("#MainOSDetailEndDate").val().replace(/\//g, "-"));
	$(".selbitem").removeClass("selbitem");
	$("#mainOSDetailTab"+typeValue).addClass("selbitem");			
	changeChartType('MainOSDetail', 'Line')

}